<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--  1.引入vue3源代码-->
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <!-- 得到一个全局的Vue对象-->

    <!--  2.准备容器-->
      <div id="app">
        <!--  4.渲染数据-->
          {{ msg }}
      </div>
      <script>

        //3.创建vue3应用并提供数据
        //console.log(Vue)

        //创建Vue应⽤
        Vue.createApp({
            //vue3代码的入口函数
            setup()
            {
                const msg='Hello World'

                //setup不会用到this,不用去关注这一点
                //console.log(this)
                return {msg} //返回数据对象
                
            }
        }).mount('#app')  //类型选择器，把内容渲染到id=app的盒子中
      </script>
</body>
</html>